<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="author" content="94hi.tw">
    <meta name="copyright" content="Copyright (c) 94hi.tw">
    <meta name="description" content="94hi.tw就是嗨！">
    <meta name="keywords" content="94hi,94hi.tw,94hi.tw就是嗨！">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no, address=no, email=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <title>沒有會員帳戶：Step1</title>
    <link rel="stylesheet" href="../assets/css/core.css?v=f99b2c77">
    <link rel="stylesheet" href="../assets/css/ui-form.css?v=6179fa28">
    <link rel="stylesheet" href="../assets/css/join.css?v=d3f0b97a">
    <link rel="stylesheet" href="../assets/css/member.css?v=9784c0e4">
</head>
<body>
    <header>
        <div class="header">
            <h1 class="logo">
                <a href="../index.html?v=3f1dd391">94hi.tw就是嗨！</a>
            </h1>

            <ul class="nav">
                <li>
                    <a href="../index.html?v=3f1dd391">首頁</a>
                </li>
                <li>
                    <a href="../preorder.html?v=1f097572">遊戲預購</a>
                </li>
                <li>
                    <a href="../games/all.html?v=4431a0ef">遊戲大廳</a>
                </li>
                <li>
                    <a href="../member.html?v=a84b1fd2">會員中心</a>
                </li>
                <li>
                    <a href="../purchase/platform/step1.html?v=edf059ca">購點儲值</a>
                </li>
                <li>
                    <a href="../cs/help.html?v=f36ffd61">客戶服務</a>
                </li>
            </ul>

            <div class="user">
                <!-- 未登入 -->
                <div class="user-unlogin">
                    <a href="../login/password.html?v=93b07171">登入</a>
                    <a href="../join/phone.html?v=0026727c">註冊</a>
                </div>

                <!-- 已登入 -->
                <!-- <div class="user-logined" id="j-user-logined">
                    <a href="javascript:;" class="user-name">漲帳戶姓名</a>

                    <ul class="user-menu">
                        <li>咪曉那</li>
                        <li>
                            <a href="">我的帳號</a>
                        </li>
                        <li>
                            <a href="">會員任務</a>
                        </li>
                        <li>
                            <a href="">會員月卡</a>
                        </li>
                        <li>
                            <a href="">會員季卡</a>
                        </li>
                        <li>
                            <a href="">切換會員帳號</a>
                        </li>
                    </ul>
                </div> -->
            </div>
        </div>

        <div class="page-header">
            <div class="page-header-con con">
                <h2 class="page-title">綁定會員帳戶</h2>
                <p class="page-desc">強烈建議您綁定，避免遊戲資料遺失</p>
            </div>
        </div>
    </header>

    <main>
        <div class="main">
            <div class="member-account-bind join con con-bg">
                <form action="phone.html" class="join-form step-1 ui-form" name="joinStep1ByPhone" id="joinStep1ByPhone">
                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-item-row">
                                <div class="ui-form-select" style="width: 140px;">
                                    <select name="areaCode" id="joinAreaCode">
                                        <optgroup label="亞洲">
                                            <option value="886" selected>+886 台湾</option>
                                            <option value="86">+86 中國</option>
                                            <option value="852">+852 香港</option>
                                            <option value="853">+853 澳門</option>
                                            <option value="65">+65 馬來西亞</option>
                                            <option value="60">+60 泰國</option>
                                            <option value="66">+66 越南</option>
                                            <option value="84">+84 約旦</option>
                                            <option value="962">+962 汶萊</option>
                                            <option value="673">+673 烏茲別克</option>
                                            <option value="998">+998 印尼</option>
                                            <option value="62">+62 葉門</option>
                                            <option value="967">+967 亞塞拜然</option>
                                            <option value="994">+994 亞美尼亞</option>
                                        </optgroup>

                                        <optgroup label="美洲">
                                            <option value="54">+54 阿根廷</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                        </optgroup>

                                        <optgroup label="歐洲">
                                            <option value="355">+355 阿爾巴尼亞</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                        </optgroup>

                                        <optgroup label="大洋洲">
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                        </optgroup>

                                        <optgroup label="非洲">
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                            <option value="886">+886 台湾</option>
                                        </optgroup>
                                    </select>
                                </div>
                                <div class="ui-form-input auto ml10">
                                    <input type="tel" name="phone" id="joinPhone" placeholder="請輸入完整手機號碼 ex.0911222333" autofocus tabindex="1" required>

                                    <label for="joinPhone" class="ui-form-icon join-icon-1">手機號</label>
                                </div>
                            </div>
                            <div class="ui-form-item-msg">
                                <p>√ 手機號碼輸入正確</p>
                            </div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-input">
                                <input type="password" name="password" id="joinPassword" placeholder="請輸入密碼" tabindex="2" required>

                                <label for="joinPassword" class="ui-form-icon join-icon-2">密碼</label>
                            </div>
                            <div class="ui-form-item-msg invalid">
                                <p>× 密碼需為8個混合英數字，不區分大小寫</p>
                            </div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-input">
                                <input type="text" name="passwordConfirm" id="joinPasswordConfirm" placeholder="請再次輸入密碼" class="invalid" tabindex="3" required>

                                <label for="joinPasswordConfirm" class="ui-form-icon join-icon-3">密碼</label>
                            </div>

                            <div class="ui-form-item-msg valid">
                                <p>√ 密碼再次輸入正確</p>
                            </div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-item-row">
                                <div class="ui-form-input auto">
                                    <input type="text" name="captcha" id="joinCaptcha" placeholder="請輸入驗證碼" tabindex="4" checked required>

                                    <label for="joinCaptcha" class="ui-form-icon join-icon-4">驗證碼</label>
                                </div>

                                <div class="ui-form-code ml10" id="j-check-code">
                                    <img src="https://game.omg.com.tw/PC/ChkImg.ashx?cn=Reg&t=1580811956745" alt="點擊刷新">
                                    <button type="button">點擊刷新</button>
                                </div>
                            </div>
                            <div class="ui-form-item-msg"></div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-item-row">
                                <div class="ui-form-checkbox">
                                    <div class="checkbox-item">
                                        <input type="checkbox" name="isAgree" id="isAgreeJoinRules" value="1">
                                        <label for="isAgreeJoinRules">我已閱讀並同意</label>
                                        <a href="../contract.html?v=a87fe0ec" target="_blank">會員條款</a> 與 <a href="../privacy.html" target="_blank">個人資料暨隱私權政策</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-button">
                        <button type="submit" class="submit" tabindex="5" disabled>下一步</button>
                    </section>
                </form>
            </div>
        </div>
    </main>

    <footer>
        <section class="footer">
            <div class="footer-con">
                <h2 class="footer-logo">94hi.tw就是嗨！</h2>

                <ul class="footer-nav">
                    <li>
                        <a href="../about.html?v=e3d56ca7">關於我們</a>
                    </li>
                    <li>
                        <a href="../contract.html?v=a87fe0ec">會員條款</a>
                    </li>
                    <li>
                        <a href="../privacy.html?v=fbd6c7f7">隱私權政策</a>
                    </li>
                    <li>
                        <a href="../regulation.html?v=bfff213c">遊戲管理規章</a>
                    </li>
                    <li>
                        <a href="../contact.html?v=33d6445f">商務接洽</a>
                    </li>
                </ul>
            </div>
        </section>

        <section class="copyright">
            <div class="copyright-con">
                <p class="copyright-content">紅番茄愛娛樂股份有限公司 ©2019 Happy Tomato All Rights Reserved</p>

                <ul class="contact">
                    <li>
                        <a href="" class="line">line</a>
                    </li>
                    <li>
                        <a href="" class="facebook">facebook</a>
                    </li>
                </ul>
            </div>
        </section>
    </footer>
</body>
</html>
